<template>
  <div class="ifameTest" id="iframeBox">
    <span class="text-desc">以下是iframe内嵌页面</span>
    <iframe
      id="iframeEdit"
      frameborder="0"
    ></iframe>
  </div>
</template>

<script>
export default {
    name:'IframeTest',
    data(){
        return{

        }
    },
    mounted(){
    let iframeBox = document.getElementById('iframeBox');
    const iframe = document.getElementById('iframeEdit');
    iframe.onload=()=>{
      console.log('iframe加载完成');
    }
    iframe.src="https://youzan.github.io/vant/#/zh-CN/nav-bar";
    iframeBox.appendChild(iframe);
    // // 处理兼容行问题
    // if (iframe.attachEvent) {
    //   iframe.attachEvent('onload', function () {
    //     // iframe加载完毕以后执行操作
    //     console.log('iframe已加载完毕')
    //   })
    // } else {
    //   iframe.onload = function () {
    //     // iframe加载完毕以后执行操作
    //     console.log('iframe已加载完毕')
    //   }
    // }
    }
}
</script>